<div class="footer-nav">
    <ul>
        <li><a href="/"><i class="fa fa-home"></i><span>首页</span></a></li>
        <li><a href="tel:{:sysconf('site_phone')}"><i class="fa fa-phone"></i><span>联系我们</span></a></li>
        <li><a href="{:sysconf('baidu_shangqiao')}"><i class="fa fa-headphones"></i><span>在线咨询</span></a></li>
    </ul>
</div>

<style>
    /*footer-nav底部悬浮菜单css*/
    .footer-nav{position: fixed;bottom: 0;left:0;width: 100%;height: 50px;background:#fdfdfd;box-shadow: 1px 5px 15px rgba(50,50,50,.3);
        border-top: 1px solid #f6f6f9;z-index:10000;padding: 0px;margin: 0px;padding-bottom: 2px;padding-top: 2px;}
    .footer-nav ul{ width: 100%;height: 45px;margin:0 auto;padding: 0px;display: -webkit-box !important;display: box !important;
        position: relative;}
    .footer-nav ul li {vertical-align:middle;list-style-type: none; position: relative;-webkit-box-flex: 1;box-flex: 1;height: 45px;text-align: center;margin: 0px; width:100%;}
    .footer-nav ul li a { text-align: center;font-size: 12px;color: #333;display: block;height: 45px;position: relative;
        margin: auto;}
    .footer-nav ul li i {color: #00c0ff;font-size: 1.3rem;display: block;width: 25px;height: 25px;margin: auto; background-size:contain;}
    .footer-nav ul li span {display: block;width: 100%;height: 20px;line-height: 20px;}
    .footer-nav ul li.current span{ color:#f23030;}
</style>